Pixels of the Week – June 2, 2017

Pixels of the Week – June 2, 2017

This content is 7 years old. Remember that the following content might be outdated.

Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools  and useful resources, inspiration on twitter and other social networks.

This week’s selection: forms, design for forgiveness and errors, emojis, data driven design, Progressive Web Apps, patterns behind color names, job interviews ethics, notifications, floating labels issues, product designer definition, some prototyping in Sketch, CSS grid layout and flexbox and some font tools

You can follow me on twitter to get a dose of links every days.

TL;DNR the one you should not miss

#UX #forms

How to Design Great UX for Sign Up Form, great wrap up of what to do and not to do

 

Interesting article

#UX #Design

Designing for Forgiveness, a few good tips

#Erros

Design principle: Error & Forgiveness, another great article on the topic

#Design #Data

If You Want to Be Creative, Don’t Be Data Driven – really interesting read here to give you perspective 🙂

#Emojis

Samsung’s Bizarre Emojis, hum, yep ?

#PWA

Progressive Web Apps The Right Way

#Color

The surprising pattern behind color names around the world, a very interesting video on colors and cultures

#Job

Are design tasks ethical in a job interview?” For me the issue is not that much about stealing ideas but about time. Not everybody has the time to produce mockups, what about people who already have a 40 hours job, kids and family? It can be really complicated to find time to participate in “job interview homework” especially when they require more than 2hours work.

#Notifications

Notifications: A Tragedy Of the Digital Commons“. I like the idea of a respectful smart notification center ?

#CSS

A Love Letter to CSS, by comparing to styling options in other languages, really interesting to read.

#Labels

Floating labels are problematic” hum, yes, especially when poorly implemented like on some examples

#iOS #Navigation

Why Reach Navigation Should Replace the Navbar in iOS Design” iOS users, what do you think about this pattern?

#ProductDesigner

What do you mean Product Designer?” excellent definition and explanation on what a product designer does

Inspiration and Great ideas

#Music

Handlebars, this song, the lyrics, the video <3

Webdesign news

#Sketch #Prototyping

Prototyping in Sketch is officially available now and here is my review! ? ” (the author’s review, not actually mine ^^)

Tutorials

#CSS #Flexbox

#CSS #Grid

An introduction to CSS Grid – really good step by step

Useful resources, tools and plugins that will make your life easy

#Fonts

I’m currently in love with and it is going to replace suitcase to handle my font library on Mac <3 thanks

#Fonts

Fontjoy – Get smart font pairings in one click. Fun but you will get some strange combinations ^^

Fun, games, experiments and demos

#CSS
Single Div Violin, the hell why not. Really cool to see usage of CSS vars